* {
  margin: 0;
  padding: 0; }

#loading {
  width: 400px;
  height: 100vh;
  background-position: 0% 0%;
  position: absolute;
  left: 55%;
  margin-left: -300px;
  overflow: hidden;
  max-height: 812px;
  background-color: #9c0000; }
  #loading img {
    width: 400px; }
  #loading #img3 {
    position: absolute;
    bottom: 0; }
  #loading #img2 {
    width: 60%;
    position: absolute;
    top: 10%; }
  #loading #loadingText {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    #loading #loadingText span {
      color: white;
      font-size: 0.25rem; }

@media (max-width: 768px) {
  #loading {
    width: 100%;
    left: 0%;
    margin-left: 0px; }
  #loading #loadingText {
    top: 45%; }
    #loading #loadingText span {
      font-size: 0.75rem; }
  #loading img {
    width: 100%; } }
